<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>个人信息</title>
    <link th:href="@{/layer/css/bootstrap.min.css}" rel="stylesheet">
    <link th:href="@{/layer/css/materialdesignicons.min.css}" rel="stylesheet">
    <link th:href="@{/layer/js/bootstrap-datepicker/bootstrap-datepicker3.css}" rel="stylesheet" >
    <link th:href="@{/layer/css/style.min.css}" rel="stylesheet">
    <link th:href="@{/layer/css/admin/addMessage.css}" rel="stylesheet">
</head>
<body>
<div id="addMessage">
    <div class="card card-style">
        <div class="modal-header">
            <h4 class="modal-title title">个人信息</h4>
        </div>
        <form action="" class="form-style">
            <div class="input-group">
                <img class="img-avatar avatar img-avatar-100 m-r-10" th:src="${session.user.avatar}" style="float: left;" for="upd-avatar" th:alt="点击更换"/>
                <input type="file" style="float: left;margin-top: 75px" id="upd-avatar" class="upd-image"/>
            </div>

            <div class="input-group m-b-10 text">
                <label for="nick_name" class="content">昵称：</label>
                <input type="text" id="nick_name" th:value="${session.user.nick_name}" class="form-control">
            </div>

            <div class="example-box text" >
                <label class="content">性别：</label><br>
                <label class="lyear-radio radio-inline radio-primary">
                    <input type="radio" name="sex" th:checked="${session.user.sex}==0?true:false"><span>男</span>
                </label>
                <label class="lyear-radio radio-inline radio-primary">
                    <input type="radio" name="sex" th:checked="${session.user.sex}==1?true:false"><span>女</span>
                </label>
            </div>

            <div class="input-group  text">
                <label for="email" class="content">电子邮箱：</label>
                <input type="text" id="email" th:value="${session.user.email}" class="form-control">
            </div>

            <div class="input-group text">
                <label for="phone"  class="content">手机：</label>
                <input type="text" th:value="${session.user.phone}" id="phone" class="form-control">
            </div>

            <div class="input-group  text">
                <label for="birthday"  class="content">生日：</label>
                <input id="birthday" class="form-control js-datepicker m-b-10" th:value="${session.user.birthday}"  type="text" name="birthday" placeholder="yyyy-MM-dd" value="" data-date-format="yyyy-mm-dd" />
            </div>

            <div class="input-group  text">
                <label for="campus"  class="content">院校：</label>
                <select v-model="campus" class="form-control" id="campus" name="example-select" size="1">
                    <option value="campus"></option>
                </select>
            </div>

            <div class="input-group  text">
                <label for="remark"  class="content">个性签名：</label>
                <textarea class="form-control" id="remark" name="remark" rows="6" placeholder="个性签名"></textarea>
            </div>

        </form>
        <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
            <button type="button" class="btn btn-primary" @click="registerBtn">点击注册</button>
        </div>
    </div>
</div>


<script th:src="@{/layer/js/jquery.min.js}"  type="text/javascript" ></script>
<script th:src="@{/layer/js/bootstrap.min.js}" type="text/javascript"></script>
<!--日期选择插件-->
<script th:src="@{/layer/js/bootstrap-datepicker/bootstrap-datepicker.js}"></script>
<script th:src="@{/layer/js/bootstrap-datepicker/locales/bootstrap-datepicker.zh-CN.min.js}"></script>
<script th:src="@{/layer/js/vue.js}"></script>
</body>
</html>
